<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html  style="text-align:center;">

<head>
  <link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon"/> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <title>华工xx同乡会</title>
  <link rel="stylesheet" type="text/css" href="css/homepage/style.css" />
  <link rel="stylesheet" type="text/css" href="css/public/public_buttonAndInput.css" />
  <script src="js/public/jquery-2.1.4.min.js"></script>
  <script src="js/LinksHomePage/script.js"></script>
  <script src="js/public/publicScript.js"></script>
  
  <script type="text/javascript">
        window.onresize=function(){  
                 window.setTimeout("ctop();",200);			 
        } 
        
        window.onload = function(){
      	  window.page = 0;
      	  window.pageSize = 16;
      	  window.category = null;
      	  window.link_name = $('#link_name')[0].value;
      	  //window.link_name = null;
      	  load();
        }
        
        function load(){
      		$.ajax({
      			url:'CheckAllResLinks?page='+window.page+'&pageSize='+window.pageSize+"&link_name="+window.link_name,     
      	        datatype: "json", 
      	        type: "GET",     
      	        contentType: "application/json",     
      	        success:function(data){
      	        	window.count = parseInt(data['count']);
      				addResLinkList(data);
      			},
      			error:function(){
      				alert('数据加载失败...服务器连接失效或者请检查网络连接是否正常...')
      			}
      		});
        }
        
        function search(){
 			var category = window.category==null?"":window.category;
 			var link_name= (window.link_name==null)||(window.link_name=="")?"":window.link_name;
 			//var sdata = {page:window.page,pageSize:window.pageSize,category:category,link_name:link_name};
 			//console.info($("#searchForm").serialize());
      		$.ajax({
      			url:'CheckAllResLinks',     
      	        datatype: "json", 
      	        type: "POST",
      	        processData:false,
      	        data:"page="+window.page+"&"+"pageSize="+window.pageSize+"&"+"category="+category+"&"+"link_name="+link_name,
      	        //contentType: "application/json",     
      	        success:function(data){
      	        	window.count = parseInt(data['count']);
      				addResLinkList(data);
      			},
      			error:function(){
      				alert('数据加载失败...服务器连接失效或者请检查网络连接是否正常...')
      			}
      		});      	
        }
        
        function addResLinkList(data){
      	  $('#allLinksList').empty();
      	  var list = "<table id=\"topLinksTable\" style=\"margin-left:15%;margin-bottom:3%;text-align:left;width:100%;\">";
      	  //list += "<th class=\"xsi\" style=\"width:25%;text-align:center;\" >发布者</th><th class=\"xsi\" style=\"width:25%;text-align:center;\">资源名</th><th class=\"xsi\" style=\"width:25%;text-align:center;\">类别</th><th class=\"xsi\" style=\"width:25%;text-align:center;\">修改时间</th>";
      	  for(var i=0;i<data['result'].length;i++){
      		  var head = "<tr>";
			  var poster_image = "<td><img style='max-width:30px;' src='"+data['ui'][i]+"'></td>";
			  var ln = data['result'][i]['link_name'];
			  ln = ln.length>15?ln.substr(0,13)+"..":ln;
      		  var checkResLink_url = "<a href=\"CheckResLink?sid="+data['result'][i]['id']+"\">"+ln+"</a>";
      		  var link_name = "<td class=\"xsi\" style=\"width:25%;text-align:center;\"><strong>"+checkResLink_url+"</strong></td>";
      		  var _category = "";
      		  if(data['result'][i]['category']=="prl")
      			  _category = "专业课程";
      		  else if(data['result'][i]['category']=="common")
      			  _category = "通选课程";
      		  else if(data['result'][i]['category']=="undergraduate")
      			  _category = "考研";
      		  else if(data['result'][i]['category']=="pr")
      			  _category = "专业方向";
      		  else if(data['result'][i]['category']=="other")
      			  _category = "其他";
      		  var category = "<td class=\"xsi\" style=\"text-align:center;width:20%;\">"+_category+"</td>";
      		  var add_time = "<td class=\"xsi\">"+data['result'][i]['add_time'].replace("T"," ")+"</td>";
      		  var rend = "</tr>";
      		  list += ( head + poster_image + link_name + category + add_time + rend );
      	  }
      	  list+="</table>";
      	  $('#allLinksList').html(list);	
      	  
      	  
        }
        
        function prePage(){
      	  if(((window.count/window.pageSize)-1)>window.page){
      		  window.page += 1;
      		  load();
      	  }else{
      		  alert("当前已为最后一页...");
      	  }
        }
        
        function lastPage(){
      	  if(window.page>0){
      		  window.page -= 1;		  
      		  load();
      	  }else{
      		  alert('当前为首页.');
      	  }
        }
  </script> 
     
	<style type="text/css">
		.inputTxt:focus{
			border-color:rgba(0,204,255,.75);
			box-shadow:0px 0px 6px 2px rgba(0,204,255,.5);
			-moz-box-shadow:0px 0px 6px 2px rgba(0,204,255,.5);
			-webkit-box-shadow:0px 0px 6px 2px rgba(0,204,255,3);
			-o-transition:0px 0px 6px 2px rgba(0,204,255,3);
		}

		.inputTxt{
		   border-color: #00CCFF;
		}
		
		.linkListItem{
			margin-bottom: 0.5%;
		}
	</style>
</head>

<body style="text-align:center;">
 <div id="wrap" style="border-radius:8px;left:0px;top:0px;position:absolute;">
  <div class="floatInfo" onclick="clickFI($(this));" onmouseover="ccr($(this));" onmouseout="cc_1($(this));">
  </div>
  <div class="top">
    <div class="fillContent" style="background-image:url(image/linkHomePage/u6.png);background-size: 100% auto;background-repeat: no-repeat;">
	   <!--<img  style="max-width:100%;" class="fillContent" src="http://images.macx.cn/forum/201410/23/091432yk20q1qbko04xy94.jpg"/>-->
	</div>
	<div class="blackC">
	</div>
	<div class="blackC_t">
	</div>
	<div id="tbar" class="topbar">
	  <div style="display:inline;">
	     <img style="max-width:8.296%;max-height:80%;vertical-align: middle;width:8.296%;height:80%;" src="image/homepage/u6.png"/>
	  </div>
	  <div style="font-family:微软雅黑;color:#00CCFF;display:inline;">
	     <div style="display:inline;">
		   <span>
	          <strong>华工xx同乡会</strong>
	       </span>
		 </div>
		 <div style="padding-left:18%;display:inline;">
		   <div class="barEl" onmouseover="cc($(this))" onmouseout="ccb($(this))"style="color:#00CCFF;" onclick="window.location = 'pfs?p=homepage/homepage.jsp';">首页</div>&nbsp;&nbsp;&nbsp;
           <div class="barEl" onmouseover="cc($(this))" onmouseout="ccg($(this))"style="color:#CCFF00;" onclick="window.location = 'pfs?p=ActionHomePage/actionHomePage.jsp';">活动中心</div>&nbsp;&nbsp;&nbsp;
           <div class="barEl" onmouseover="cc($(this))" onmouseout="ccr($(this))" style="color:#FF9900;">资讯</div>&nbsp;&nbsp;&nbsp;
           <%
	            String i = (String)session.getAttribute("user_account");
	           	if(i==null)
	           		out.print("<div class=\"barEl\" onmouseover=\"cc($(this))\" onmouseout=\"ccb($(this))\" onclick=\"window.location='pfs?p=login/login.jsp';\">登录</div>&nbsp;&nbsp;&nbsp;"+
	 	                      "<div class=\"barEl\" onmouseover=\"cc($(this))\" onmouseout=\"ccg($(this))\" onclick=\"window.location='pfs?p=register/register.jsp';\" style=\"color:#CCFF00;\">注册</div>&nbsp;&nbsp;&nbsp;");
	           	else
	           		out.print("<div class=\"barEl\" onmouseover=\"cc($(this))\" onmouseout=\"ccb($(this))\" onclick=\"window.location='CheckUserInfo';\" >"+i+"</div>&nbsp;&nbsp;&nbsp;"+
	 	                      "<div class=\"barEl\" onmouseover=\"cc($(this))\" onmouseout=\"ccg($(this))\" onclick=\"window.location='LoginOut';\" style=\"color:#CCFF00;\">退出</div>&nbsp;&nbsp;&nbsp;");	            
	 	    %>
		 </div>
	  </div>
    </div>
    
	<div id="content" style="position:absolute;Z-index:99;margin-top:15%;left:18%;color:#00CCFF;font-size:2.5em;">
	       <div id="topLogo" style="display:inline;">
		     <img id="logoimg" style="max-width:100%;max-height:100%;vertical-align:middle;width:20%;height:20%;" src="image/linkHomePage/u46.png"/>
		   </div>
		   <span class="xbi">
		     <strong>资源共享</strong>
		   </span><br/></br>
		   <span id="otherContent" class="xsi" style="font-family:微软雅黑;color:#E4E4E4;">
		     <strong>加入华工XX同乡会,和我们一起成长吧!</strong>
		   </span>
		   <div id="topBtn" style="height:3em;width:40%;border-width:0.1em;cursor:pointer;border-color:#00CCFF;border-style:solid;border-radius:19px;font-size:0.5em;color:#00CCFF;margin-left:auto;margin-right:auto;margin-top:2%;" onmousemove="cover();" onmouseout="cout();" onclick="var pos = $('#v').offset().top;$('html,body').animate({ scrollTop: pos },300);">
		     <div style="padding-top:8%;">
		        <span class="xsi" style="font-family:微软雅黑;">
			      <strong>进入主题看看</strong>
			    </span>
			 </div>
		   </div>
	</div>

  </div>

  <div id="v" style="position:absolute;left:0px;top:72%;width:100%;height:100%;background-color:#FFFFFF;">
     <div id="linksInfo" style="text-align:center;">
		<div id="title" class="bi" style="width:100%;background-color:#00CCFF;">
			<div style="color:#FFFFFF;padding:2% 0% 2% 0%;">
				<span>资源主题列表</span>
			</div>
		</div>
		<div id="content" style="padding:2% 0% 2% 0%;">
			<div id="topLinksContent">
				<div>
					<div class="si" style="margin-top:2%;margin-left: 43%;width:15%;color:#FFFFFF;background-color:#00CCFF;border-radius:6px 6px 0px 0px;">
					   <strong>置顶主题</strong>
					</div>			
				</div>
				<hr style="margin-top:-1px;border:3px solid #00CCFF;width:60%;"/>
				<div id="topLinksList" class="si" style="margin-bottom:1%;">
					<table id="topLinksTable" style="margin-left:30%;margin-bottom:3%;">
						<tr>
							<td>
								<strong>资源类别asdasd1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong>
							</td>
							<td>
								类别1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
							<td>
								2015-12-31&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
						</tr>
						<tr>
							<td>
								<strong>资源类别421&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong>
							</td>
							<td>
								类别1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
							<td>
								2015-12-31&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
						</tr>
						<tr>
							<td>
								<strong>资源类别234231&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong>
							</td>
							<td>
								类别1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
							<td>
								2015-12-31&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
						</tr>
						<tr>
							<td>
								<strong>资源类别1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong>
							</td>
							<td>
								类别1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
							<td>
								2015-12-31&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
						</tr>
						<tr>
							<td>
								<strong>资源类别1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong>
							</td>
							<td>
								类别1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
							<td>
								2015-12-31&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
						</tr>
						<tr>
							<td>
								<strong>资源类别1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong>
							</td>
							<td>
								类别1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
							<td>
								2015-12-31&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
						</tr>					
						<tr>
							<td>
								<strong>资源类别1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong>
							</td>
							<td>
								类别1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
							<td>
								2015-12-31&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</td>
						</tr>										
					</table>
					<div class="tagBtn" style="display:inline-block;" onmousemove="cbcb($(this));cc($(this));" onmouseout="cbc($(this));ccb($(this));">
						上一页
					</div>&nbsp;&nbsp;&nbsp;
					<span style="vertical-align:middle;color:#00CCFF;">
						<strong>1</strong>
					</span>&nbsp;&nbsp;&nbsp;
					<div class="tagBtn" style="display:inline-block;" onmousemove="cbcb($(this));cc($(this));" onmouseout="cbc($(this));ccb($(this));">
						下一页
					</div>
				</div>
			</div>
		    <div id="title2" class="bi" style="width:100%;background-color:#00CCFF;">
				<div style="color:#FFFFFF;padding:2% 0% 2% 0%;">
					<span>全部资源</span>
				</div>
			</div>		
			<div id="allLinksContent" style="margin-top:2%;">
				<div>
					<form id="searchForm" style="color:#00CCFF;border-color:#00CCFF;display:inline;">
						<input id="link_name" class="inputTxt" type="text" style="width:25%;" placeholder="搜索资源名称" onchange="window.link_name = $('#link_name')[0].value;"/>
					</form>
					<button class="xsi" style="width:120px;color:#00CCFF;" onclick="search();">
						<strong>搜索</strong>
					</button>
					<button class="xsi" style="width:120px;color:#00CCFF;" onclick="window.location='pfs?p=LinksHomePage/createResLink.jsp'">
						<strong>我要发布资源</strong>
					</button>
				</div>
				<div id="tags">
					<div class="tagBtn" onmousemove="cbcb($(this));cc($(this));" onmouseout="cbc($(this));ccb($(this));" onclick="window.category='prl';search();">
						<span style="vertical-align:middle;">
							<strong>专业课程资源</strong>
						</span>
					</div>
					<div class="tagBtn" style="color:#FF9900;border-color:#FF9900" onmousemove="cbcr($(this));cc($(this));" onmouseout="cbc($(this));ccr($(this));"  onclick="window.category='common';window.page=0;search();">
						<span style="vertical-align:middle;">
							<strong>通选课资源</strong>
						</span>
					</div>
					<div class="tagBtn" style="color:#00FF00;border-color:#00FF00" onmousemove="cbcgD($(this));cc($(this));" onmouseout="cbc($(this));ccgD($(this));"  onclick="window.category='undergraduate';window.page=0;search();">
						<span style="vertical-align:middle;">
							<strong>考研资源</strong>
						</span>
					</div>
					<div class="tagBtn" onmousemove="cbcb($(this));cc($(this));" onmouseout="cbc($(this));ccb($(this));"  onclick="window.category='pr';window.page=0;search();">
						<span style="vertical-align:middle;">
							<strong>专业方向资源</strong>
						</span>
					</div>
					<div class="tagBtn" style="color:#FF9900;border-color:#FF9900" onmousemove="cbcr($(this));cc($(this));" onmouseout="cbc($(this));ccr($(this));"  onclick="window.category='other';window.page=0;search();">
						<span style="vertical-align:middle;">
							<strong>其他资源</strong>
						</span>
					</div>
					<div class="tagBtn" style="color:#00FF00;border-color:#00FF00" onmousemove="cbcgD($(this));cc($(this));" onmouseout="cbc($(this));ccgD($(this));"  onclick="window.category=null;window.page=0;search();">
						<span style="vertical-align:middle;">
							<strong>全部资源</strong>
						</span>
					</div>
				</div>
				<div class="si" style="margin-top:5%;margin-left: 43%;width:15%;color:#FFFFFF;background-color:#00CCFF;border-radius:6px 6px 0px 0px;">
				   <strong>全部资源主题</strong>
				</div>
				<hr style="margin-top:-1px;border:3px solid #00CCFF;width:60%;"/>
				<div id="linksList" class="si">
					<div id="allLinksList">

					</div>
					<div class="tagBtn" style="display:inline-block;" onclick="lastPage();" onmousemove="cbcb($(this));cc($(this));" onmouseout="cbc($(this));ccb($(this));">
						上一页
					</div>&nbsp;&nbsp;&nbsp;
					<form style="color:#00CCFF;display:inline;vertical-align:middle;">
						<span class="xsi">
							第<strong>1</strong>页 &nbsp;&nbsp;共<strong>124</strong>页 &nbsp;&nbsp;跳转页数
						</span>
						<input class="inputTxt" type="text" style="vertical-align:middle;width:2.5%;"/>
					</form>
					<div class="tagBtn" style="display:inline-block;width:60px;" onmousemove="cbcb($(this));cc($(this));" onmouseout="cbc($(this));ccb($(this));">
						跳转
					</div>&nbsp;&nbsp;&nbsp;
					<div class="tagBtn" style="display:inline-block;" onclick="prePage();" onmousemove="cbcb($(this));cc($(this));" onmouseout="cbc($(this));ccb($(this));">
						下一页
					</div>
				</div>
			</div>
			
		</div>
	 </div>

	 <div id="wechat" style="visibility:hidden;">
        <div>
	       <img src="../../../image/homepage/w3.jpeg">
	    </div>
		<div style="font-family:微软雅黑;width:100%;height:30%;background-color:#CCCCCC;">
		   <div class="barEl" onmouseover="cc($(this))" onmouseout="ccB($(this))"><span class="si">首页</span></div>&nbsp;&nbsp;&nbsp;
           <div class="barEl" onmouseover="cc($(this))" onmouseout="ccB($(this))"><span class="si">活动</span></div>&nbsp;&nbsp;&nbsp;
           <div class="barEl" onmouseover="cc($(this))" onmouseout="ccB($(this))"><span class="si">资讯</span></div>&nbsp;&nbsp;&nbsp;
           <div class="barEl" onmouseover="cc($(this))" onmouseout="ccB($(this))"><span class="si" onclick="window.location = 'pfs?p=AdminManage/AdminManage.jsp';">管理员中心</span></div>&nbsp;&nbsp;&nbsp;
		   <div>
	         <span class="xsi">备案信息:xxxxxxxxxxxxxxxxxxxxxx</span>
	       </div>
		</div>
     </div>
  </div>
  <div id="foot" style="font-family:微软雅黑;border-radius:6px;box-shadow: 0px 0px 18px 0px;position:absolute;width:100%;height:30%;background-color:#CCCCCC;left:0px;bottom:0px;">   
    <div style="font-family:微软雅黑;margin-top:5%;">  
	  <div>
	     <a target="_blank" href="#"><span class="si">联系我们</span></a>
	  </div>
	  <div style="font-family:微软雅黑;display:inline;">
		   <div class="barEl" onmouseover="cc($(this))" onmouseout="ccB($(this))"><span class="si">首页</span></div>&nbsp;&nbsp;&nbsp;
           <div class="barEl" onmouseover="cc($(this))" onmouseout="ccB($(this))"><span class="si">活动</span></div>&nbsp;&nbsp;&nbsp;
           <div class="barEl" onmouseover="cc($(this))" onmouseout="ccB($(this))"><span class="si">资讯</span></div>&nbsp;&nbsp;&nbsp;
           <div class="barEl" onmouseover="cc($(this))" onmouseout="ccB($(this))"><span class="si" onclick="window.location = 'pfs?p=AdminManage/AdminManage.jsp';">管理员中心</span></div>&nbsp;&nbsp;&nbsp;
	  </div>
	  <div>
	       <a target="_blank" href="http://www.scut.edu.cn/"><span style="color:#999999;" class="xsi">友情链接:华南理工大学官网</span></a>
	  </div>
	  <div>
	     <span class="xsi">备案信息:xxxxxxxxxxxxxxxxxxxxxx</span>
	  </div>
	</div>
  </div>
 </div>
</body>

<script type="text/javascript">
		 var w=window.innerWidth
         || document.documentElement.clientWidth
         || document.body.clientWidth;
/* 		 var h=window.innerHeight
         || document.documentElement.clientHeight
         || document.body.clientHeight; */
         var _w = parseInt(w);
/*          var _h = parseInt(h);
 */         
         
		 var userAgentInfo = navigator.userAgent; 
		 var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); 
		 var flag = true; 
		 for (var v = 0; v < Agents.length; v++) { 
			if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } 
		 }      

		 if(_w>1200 && flag){
		   var v = (_w -1200)/2;
		   _w = 1200;
		   $("#wrap").css("margin-left",v+"px");
           $("#wrap").css("margin-right",v+"px");
		 }else if(_w<786 && flag){
			$("#topLogo").css("display","block");
		   	$("#topBtn").css("visibility","hidden");    //尺寸过低隐藏按钮
	        $("#otherContent").css("visibility","hidden");   //尺寸过低隐藏内容
		 }else if(_w<400 && flag){
			//$("body").css("background-color","#FFFFFF");
            $(".blackC_t").css("visibility","hidden");			
            $(".topbar").css("visibility","hidden");
			//$(".fillContent").css("background-image","url()");
			$("#topLogo").css("display","block");
		   	$("#topBtn").css("visibility","hidden");    //尺寸过低隐藏按钮
	        $("#otherContent").css("visibility","hidden");   //尺寸过低隐藏内容
		 }else if(!flag){
			$(".top").css("box-shadow","0px 0px 0px 0px");
            $("#introimgf").css("width","15%");
            $("#introimgs").css("width","15%");
            $("#introimgt").css("width","15%");
            $("#logoimg").css("height","25%");

			$("#content").css("left","5%");
            $("#content").css("margin-top","10%");
			$("#content").css("color","#00FFFF");			
			$(".xbi").css("font-size","0.6em");
			$("body").css("background-color","#FFFFFF");
            $(".blackC_t").css("visibility","hidden");			
            $(".topbar").css("visibility","hidden");

            $(".floatInfo").css("display","none");     //移动端隐藏浮动微信二维码

			//$(".fillContent").css("background-image","url()");
			$("#topLogo").css("display","block");
		   	$("#topBtn").css("visibility","hidden");    //尺寸过低隐藏按钮
	        $("#otherContent").css("visibility","hidden");   //尺寸过低隐藏内容
			$("#foot").css("visibility","hidden");
			$("hr").css("visibility","hidden");

            $("#sp").css("visibility","visible");
            $("#wechat").css("visibility","visible");
		 }
		 
		 //低于740px隐藏置顶资源
		 if(_w<740){
			 $("#title").css("display","none");
			 $("#topLinksContent").css("display","none");
		 }else{
			 $("#title").css("display","block");
			 $("#topLinksContent").css("display","block");		 
		 }
		 
		 $(".top").css("width",_w);
		 $(".top").css("height",_w*0.5);

         $(".blackC_t").css("width",_w);
         $(".blackC_t").css("height",_w*0.1);
		 $(".topbar").css("width",_w);		 
		 $(".topbar").css("height",_w*0.1);
		 
		 $("#v").css("top",_w*0.5);
		 $("#v").css("height",_w*1.5);
         $("#v").css("width",_w);
         
         var _w_foot = _w*1.5+_w*0.5;
		 $("#foot").css("top",_w_foot);
		 $("#foot").css("width",_w);		 
		 $("#foot").css("height",_w/4);
		 
		//设置content居中
		 var _w_top = $(".top").css("width");
		 var _w_content = $("#content").css("width");
		 var _w_topf = parseFloat(_w_top.substring(0,_w_top.length-2));
		 var _w_contentf = parseFloat(_w_content.substring(0,_w_content.length-2));
		 $("#content").css("left",((_w_topf-_w_contentf)/2)+"px");

		 //设置linksTable居中
		 var _w_listTable = $("#linksTable").css("width");
		 var _w_listTable_f = parseFloat(_w_listTable.substring(0,_w_listTable.length-2));
		 var _w_linksList = $("#linksList").css("width"); 
		 var _w_linksList_f = parseFloat(_w_linksList.substring(0,_w_linksList.length-2));
		 if(_w_listTable_f>=_w_linksList_f)
			$("#linksTable").css("margin-left","0px");
		 else
			$("#linksTable").css("margin-left",((_w_linksList_f-_w_listTable_f)/2)+"px");
		 
		 
		 //设置topLinksTable居中
		 var _w_topListTable = $("#topLinksTable").css("width");
		 var _w_topListTable_f = parseFloat(_w_topListTable.substring(0,_w_topListTable.length-2));
		 var _w_topLinksList = $("#topLinksList").css("width"); 
		 var _w_topLinksList_f = parseFloat(_w_topLinksList.substring(0,_w_topLinksList.length-2));
		 if(_w_topListTable_f>=_w_topLinksList_f)
			$("#topLinksTable").css("margin-left","0px");
		 else
			$("#topLinksTable").css("margin-left",((_w_topLinksList_f-_w_topListTable_f)/2)+"px");
</script>
</html>